<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <link href="css/style.css" rel="stylesheet" type="text/css" />
    <script language="JavaScript" src="js/jquery.js"></script>

    <script type="text/javascript">
        $(function () {
            //导航切换
            $(".menuson li").click(function () {
                $(".menuson li.active").removeClass("active")
                $(this).addClass("active");
            });

            $('.title').click(function () {
                var $ul = $(this).next('ul');
                if ($ul.is(':visible')) {
                    $(this).next('ul').hide();
                } else {
                    $(this).next('ul').show();
                }
            });
        })
    </script>


</head>

<body style="background:#f0f9fd;">
    <div class="lefttop"><span></span>系统菜单</div>

    <dl class="leftmenu">

        <dd>
            <div class="title">
                <span><img src="images/leftico01.png" /></span>管理信息
            </div>
            <ul class="menuson">
                <li class="active"><cite></cite><a href="index.html" target="rightFrame">首页</a><i></i></li>
            </ul>
        </dd>


        <dd>
            <div class="title">
                <span><img src="images/leftico02.png" /></span>班级管理（管理员可见）
            </div>
            <ul class="menuson">
                <li class="active"><cite></cite><a href="right.html" target="rightFrame">班级管理</a><i></i></li>
                <li><cite></cite><a href="imglist1.html" target="rightFrame">教师管理</a><i></i></li>

            </ul>
        </dd>


        <dd>
            <div class="title"><span><img src="images/leftico03.png" /></span>学生管理</div>
            <ul class="menuson">
                <li><cite></cite><a href="#">学生管理</a><i></i></li>
                <li><cite></cite><a href="#">考试信息</a><i></i></li>
                <li><cite></cite><a href="#">数据分析</a><i></i></li>
            </ul>
        </dd>

        <dd>
            <div class="title"><span><img src="images/leftico04.png" /></span>系统设置</div>
            <ul class="menuson">
                <li><cite></cite><a href="index.html" target="rightFrame">首页</a><i></i></li>
                <li><cite></cite><a href="right.html" target="rightFrame">数据列表</a><i></i></li>
                <li><cite></cite><a href="imgtable.html" target="rightFrame">图片数据表</a><i></i></li>
                <li><cite></cite><a href="form.html" target="rightFrame">添加编辑</a><i></i></li>
                <li><cite></cite><a href="imglist.html" target="rightFrame">图片列表</a><i></i></li>
                <li><cite></cite><a href="imglist1.html" target="rightFrame">自定义</a><i></i></li>
                <li><cite></cite><a href="tools.html" target="rightFrame">常用工具</a><i></i></li>
                <li><cite></cite><a href="filelist.html" target="rightFrame">信息管理</a><i></i></li>
                <li><cite></cite><a href="tab.html" target="rightFrame">Tab页</a><i></i></li>
                <li><cite></cite><a href="error.html" target="rightFrame">404页面</a><i></i></li>
            </ul>

        </dd>

    </dl>

</body>

</html>